<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href=""> -->
    <style></style>
    <!-- // 2-外部引入js -->
    <script src="./js/js1.js"></script>
    <script type="text/javascript">
        // 1-内部引入js
        document.write("内部引入的js")
        document.write("<h1>这是第一集标题</h1>")
    </script>
</head>
<body>
    <div id="1" style="background-color: aqua;">dom元素中的内容</div>
    <!-- 3-直接在html标签中书写js -->
    <input type="button" value="弹出一个消息框" onclick="javascript:alert('你好JavaScript')">
    <script type="text/javascript">
        // 1-内部引入js
        document.write("<br/>后面--内部引入的js")
    </script>
</body>
</html>